<template>
  <div>
    <h1>详情页面</h1>

    <p>水果参数 id : {{ $route.query.id }}</p>
    <p>水果参数 name : {{ $route.query.name }}</p>
  </div>
</template>

<script>
export default {
  // route    = this.$route   路由信息对象 里面存放着当前路由信息的一些数据: name \ fullPath \ query \ params ...
  // router   = this.$router  路由实例对象(路由器对象) 有一些数据和方法: mode \ push() \ replace() ...

  created() {
    console.log(this.$route);
  },
};
</script>
